﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Menu.ascx.cs" Inherits="eCommerce.Site.Controls.Menu" %>

<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>

<script src="../js/jquery.hoverIntent.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() { function megaHoverOver() { $(this).find(".sub").stop().fadeTo('fast', 1).show(); (function($) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; $(this).find("ul").each(function() { rowWidth = $(this).width(); }); }; })(jQuery); if ($(this).find(".row").length > 0) { var biggestRow = 0; $(this).find(".row").each(function() { $(this).calcSubWidth(); if (rowWidth > biggestRow) { biggestRow = rowWidth; } }); $(this).find(".sub").css({ 'width': biggestRow }); $(this).find(".row:last").css({ 'margin': '0' }); } else { $(this).calcSubWidth(); $(this).find(".sub").css({ 'width': rowWidth }); } } function megaHoverOut() { $(this).find(".sub").stop().fadeTo('fast', 0, function() { $(this).hide(); }); } var config = { sensitivity: 2, interval: 100, over: megaHoverOver, timeout: 500, out: megaHoverOut }; $("ul#topnav li .sub").css({ 'opacity': '0' }); $("ul#topnav li").hoverIntent(config); });</script>

<div class="menu">
    <ul id="topnav">
        <asp:Literal ID="litMenu" runat="server"></asp:Literal>
         <li>
            <asp:LinkButton ID="contactmenu" CssClass="last" PostBackUrl="~/ContactUs.aspx" runat="server">Contact us</asp:LinkButton>
            <%--<div class="sub">
                <ul>
                    <li><a href="#"></a></li>
                    <li class="last"><a href="#"></a></li>
                </ul>
            </div>--%>
        </li>
    </ul>
</div>